
            <section class="row">
                <div class="col-lg-12">
                    <div>
                        <h1><i class="fa fa-dashboard"></i> Dashboard</h1>
                    </div>
                    <div>
                        <?= $this->breadcrumb->output(); ?>
                    </div>
                </div>
            </section>

        <div class="ajax-container">
            <section class="row">
                <div class="col-12">
                    <div id="panel" class="panel panel-default">
                        <div class="panel-heading">
                            <div class="pull-right">
                                <span class="minimax"></span>
                                <button type="button" class="close" aria-hidden="true">&times;</button>
                            </div>
                            <h2 class="panel-title bold"><i class="fa fa-list-alt"></i> Preview Panel</h2>
                        </div>
                        <div class="panel-body">
                            <div class="guideline guideline-sticky bg-info">
                                <i class="fa fa-info-circle fa-lg"></i> Panel Guideline Goes Here.
                            </div>
                            Content Goes Here ...
                        </div>
                        <div class="panel-footer">
                            <div class="align-center">
                                Footer
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- page-script -->
            <script src="<?= base_url() ?>js/scripts/dashboard.js"></script>
        </div>